<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!-- Reference: http://www.mydigitallife.co.za/index.php?option=com_myblog&show=1039863&Itemid=29 -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>How To Make Sexy Divs using CSS Styles</title>

<link href="facebook.css" rel="stylesheet" type="text/css" />

</head>


<body>

	<div class="fb" id='fb'>

		<div class="fby">

			<h3>Facebook App -- .fby</h3>

			<ul>
			<li>Add Me As A Friend!</li>



			<li><a href="http://del.icio.us/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on Digg"><img align="absmiddle"
					src="icons/delicious.gif" alt="del.icio.us"/> del.icio.us
			</a>
			</li>

			<li><a href="http://www.digg.com/users/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on Digg"><img align="absmiddle"
					src="icons/digg.gif" alt="Digg"> Digg
			</a>
			</li>



			<li><a href="http://www.facebook.com/profile.php?id=725566721"
				rel="nofollow" target="_blank" title=" 725566721 on Facebook"><img
					align="absmiddle" src="icons/facebook.gif" alt="Facebook">
						Facebook
			</a>
			</li>



			<li><a href="http://www.furl.net/member/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on Furl"><img align="absmiddle"
					src="icons/furl.gif" alt="Furl"> Furl
			</a>
			</li>



			<li><a href="http://www.ilike.com/user/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on iLike"><img
					align="absmiddle" src="icons/ilike.gif" alt="iLike"> iLike
			</a>
			</li>



			<li><a href="http://www.last.fm/user/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on Last.fm"><img
					align="absmiddle" src="icons/lastfm.gif" alt="Last.fm">
						Last.fm
			</a>
			</li>



			<li><a href="http://www.mybloglog.com/buzz/members/aksn1p3r"
				rel="nofollow" target="_blank" title=" aksn1p3r on MyBlogLog"><img
					align="absmiddle" src="icons/mybloglog.gif" alt="MyBlogLog">
						MyBlogLog
			</a>
			</li>



			<li><a href="http://reddit.com/user/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on Reddit"><img
					align="absmiddle" src="icons/reddit.gif" alt="Reddit"> Reddit
			</a>
			</li>



			<li><a href="http://aksn1p3r.stumbleupon.com/" rel="nofollow"
				target="_blank" title=" aksn1p3r on StumbleUpon"><img
					align="absmiddle" src="icons/stumbleupon.gif" alt="StumbleUpon">
						StumbleUpon
			</a>
			</li>



			<li><a href="http://technorati.com/people/technorati/aksn1p3r"
				rel="nofollow" target="_blank" title=" aksn1p3r on Technorati"><img
					align="absmiddle" src="icons/technorati.gif" alt="Technorati">
						Technorati
			</a>
			</li>



			<li><a href="http://twitter.com/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on Twitter"><img
					align="absmiddle" src="icons/twitter.gif" alt="Twitter">
						Twitter
			</a>
			</li>



			<li><a href="http://www.youtube.com/aksn1p3r" rel="nofollow"
				target="_blank" title=" aksn1p3r on YouTube"><img
					align="absmiddle" src="icons/youtube.gif" alt="YouTube">
						YouTube
			</a>
			</ul> 
			<br />
		</div>





		<div class="fbx">

			<H3>Facebook Status ---> .fbx</H3>

			<img hspace="10px" align="left" src="img/akredblack.png"
				alt="AK Status" width="32" height="48" />AK is preparing a css post
			about Facebook. <br /> <span class="fbx-tiny">a moment ago</span> <a
				href="#" class="fbx-tiny">edit</a><br /> <br /> <img hspace="10px"
				align="left" src="img/akredblack.png" alt="AK Status" width="32"
				height="48" />AK is checking his Facebook. <span class="fbx-tiny">1hr
				ago</span><br />
			<br />
			<br />
		</div>

		<br style="clear: both;"></span> <br /> <br /> <br />



			<div class="fb1">Facebook Main Header Logo ---> .fb1</div> <br />
		<br />
		<br />



			<div class="fb2">

				<a href="#">Facebook</a> <a href="#">Links</a><a href="#">Hover</a>
				<a href="#">CSS</a> <a href="#">Style</a> ---&gt; .fb2
			</div> <br />
		<br />
		<br />





			<div class="fb3">Facebook Hover Item Module ---> .fb3</div> <br />
		<br />
		<br />



			<div class="fb4">Facebook Yellow Error Module ---> .fb4</div> <br />
		<br />
		<br />



			<div class="fb5">Facebook Red Warning Module ---> .fb5</div> <br />
		<br />
		<br />



			<div class='fb6'>



				<div class='fb6a'>

					<img align="absmiddle" src="img/akredblack.png"
						alt="AK's Facebook Profile" width="87" height="124" />
				</div>



				<div class='fb6b'>
					<span class='fb6cname'>Name:</span> <a
						href="http://www.facebook.com/people/Abdul_Akbar_Banwa/725566721" />

					AK</a>
					</p>



					<br />
					<br />

				</div>



				<div class='fb6c'>

					<ul>

						<a href="#"><li>Facebook</li>
						</a>



						<a href="#"><li>Friend Module</li>
						</a>



						<a href="http://www.facebook.com/addfriend.php?id=725566721"><li>Add
								Me</li>
						</a>



						<a
							href="http://www.new.facebook.com/inbox/?compose&amp;id=725566721"><li>Message
								Me</li>
						</a>

				</div>
				<br style="clear: both;" /> <br /> Add Friend Module ---&gt; .fb6

			</div>
	</div>

	<!-- -->



</body>

</html>

